<foreach name="data" item="vo">
    <div class="list">
        <div style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;height:4rem;border-bottom: solid 1px #efefef ">
            <div style="height: 4rem;display: flex;align-items: flex-start;justify-content:center;flex-direction: column;margin-left: 1rem">
                <div style="height: 2rem;display: flex;align-items: center;">订单标号：</div>
                <div style="height:2rem;display: flex;align-items: center;">{$vo.OrderSN}</div>
            </div>
            <div style="height: 4rem;display: flex;align-items: center;margin-right: 1rem">
                <if condition="$vo[Status] eq 'O'">
                    已下单待支付
                    <elseif condition="$vo[Status] eq 'P'"/>
                    已支付待存放
                    <elseif condition="$vo[Status] eq 'S'"/>
                    已存放待提取
                    <elseif condition="$vo[Status] eq 'D'"/>
                    已提取待评价
                    <elseif condition="$vo[Status] eq 'F'"/>
                    已评价
                    <elseif condition="$vo[Status] eq 'CB'"/>
                    取消订单待退费
                    <elseif condition="$vo[Status] eq 'UB'"/>
                    变更待退费
                    <elseif condition="$vo[Status] eq 'WU'"/>
                    待变更
                    <elseif condition="$vo[Status] eq 'WP'"/>
                    变更待支付
                    <elseif condition="$vo[Status] eq 'C'"/>
                    已取消
                </if>
            </div>
        </div>
        <ul class="listBox">
            <li>
                <span>存放物品</span>
                <span>{$vo.GoodsCate}</span>
            </li>
            <li>
                <span>起租时间</span>
                <span>{$vo.SrvStartDate}</span>
            </li>
            <li>
                <span>租期</span>
                <span>{$vo.Times}</span>
            </li>
            <li>
                <span>租用面积</span>
                <span>{$vo.Area}</span>
            </li>
            <li>
                <span>总费用</span>
                <span>{$vo.Total}</span>
            </li>
        </ul>
        <ol class="btnBox">
            <if condition="$vo[Status] eq 'O'">
                <li _order="{$vo.OrderSN}" class="gray cancel">取消订单</li>
                <li class="gray">变更订单</li>
                <li class="reded">支付</li>
                <elseif condition="$vo[Status] eq 'P'"/>
                <li _order="{$vo.OrderSN}" class="gray cancel">取消订单</li>
                <li class="gray">变更订单</li>
                <elseif condition="$vo[Status] eq 'S'"/>
                <li _order="{$vo.OrderSN}" class="gray cancel">取消订单</li>
                <li class="gray">变更订单</li>
                <elseif condition="$vo[Status] eq 'D'"/>
                <li onclick="location.href='{:U('evaluateOrder',array('OrderSN'=>$vo[OrderSN]))}'" class="gray">评价</li>
                <elseif condition="$vo[Status] eq 'F'"/>
                <li class="gray">已评价</li>
                <elseif condition="$vo[Status] eq 'CB'"/>
                <li class="gray">退费</li>
                <elseif condition="$vo[Status] eq 'UB'"/>
                <li class="gray">退费</li>
                <elseif condition="$vo[Status] eq 'WU'"/>
                <li class="gray">变更订单</li>
                <elseif condition="$vo[Status] eq 'WP'"/>
                <li class="reded">支付</li>
                <elseif condition="$vo[Status] eq 'C'"/>
                <li class="gray">退费明细</li>
            </if>
        </ol>
        <div style="width: 100%;height: 1rem;background: #f5f5f5"></div>
    </div>
</foreach>
